<template>
  <div class="w-100 bg-white">
    <div class="flex-1 mx-2">
      <div class="flex-1 py-2 row-ac">
        <div class="row-ac flex-1 bg-white top-1">
          <div class="iconfont icon-saoma"></div>
          <div class="flex-1 row-ac mx-1 search-box">
            <div class="iconfont icon-sousuo ml-2 "></div>
            <div class="ml-1">商品搜索</div>
          </div>
          <div class="iconfont icon-fenxiang"></div>
        </div>
      </div>
    </div>
  </div>

</template>

<script>
  export default {
    props:{
      headId: {
      	type: Number,
      	default:''
      },
    }
  }
</script>

<style lang="scss">
  .top-1{
    .iconfont{
      font-size: 24px;
    }
    .search-box{
      height: 32px;
      font-size: 14px;
      background-color: #f5f5f5;
      border-radius: 16px;
      .iconfont{
        font-size: 18px;
      }
    }
  }
</style>
